﻿@{
    ViewBag.Title = "Html5";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Html5</h2>


<!--Unknown Element-->
<n>No way , this can be a tag, but borwser would still display it... </n>
<!-- Section Demo-->
<section section="true">It was dark brown text..</section>

<!-- article -->
<article>
<h1>First First HTML5 Lession</h1>
<p>
The segment happend to be interesting enough, and I am loving it!!
</p>
</article>






<!-- Location Demo -->
<input type="button" value="Location" onclick="GetLoc()" />
<script type="text/javascript">
    function GetLoc() {
        navigator.geolocation.getCurrentPosition(successCallback,
                                             errorCallback,
                                             { maximumAge: 600000 });
    }
    function successCallback(position) {
        showLocation(position);
    }

    function errorCallback(error) {
        alert(error);
    }
    function showLocation(position) {
        showLocation2(position.coords.latitude, position.coords.longitude, position.coords.altitude);
    }
    function showLocation2(a, b, c) {
        alert("Lat =" + a + "Degree, Long =" + b + " Degree , Alt =" + (c == null ? "0" : c) + " Feet" );
    }
</script>